body, div, ul{
font-family: "Trebuchet MS", sans-serif; 
list-style-type:none;
}

th,tr,td{
  font-weight:inherit;
  font-size:inherit;
}

table{
  font-size:12px;
  font-weight:normal;
}

div.page{
margin:auto;
margin-top:30px;
width:960px;
}
#title-bar{
width:100%;
margin-bottom:60px;
border-bottom:1px solid steelblue;
}

div.section{
font-size:14px;
}
div.section > div.title{
  cursor:pointer;
}
div.section > div.title > h3{
  display:inline;
  cursor:move;
  color:steelblue;
}
div.section h3.split{
}
div.section h3.split span{
cursor:pointer;
}
div.info-block{
}

div.info-block .post{
  min-height:50px;
}
div.info-block img.whole{
}
div.info-block iframe{
  border:none;
  padding:0px;
  margin:0px;
}
div.info-block ul {
  list-style-type:none;
}
div.info-block ul li{
}
div.info-block ul.select li{
  cursor:pointer;
}
div.info-block ul li div.icon{
}
div.info-block ul li div.gicon{
  cursor:pointer;
  overflow:hidden;
}

div.info-block ul li div.gicon iframe{
}
div.info-block ul li div.gicon img{
  width:100%;
  height:100%;
}
div.info-block ul li span{
}
div.info-block ul li.dif{
}

div.tail{
}
div.tail h3{
float:right;
padding:0px;
margin:0px;
}

div.tail h3 a{
  margin:3px;
  cursor:pointer;
}
div.tail h3 a:hover {
}

div.tail{
}

.left-section{
  float:left;
  width:110px;
  padding:20px 10px 0px 10px;
}
.mid-section {
  width:600px;
  padding:20px 0px 0px 0px;
  margin:auto;
}
.right-section {
  float:left;
  width:210px;
}

body{
}

.wide {
margin-bottom:30px;
}
.wide .section{
  border:1px solid steelblue; 
  border-top:5px solid steelblue;
  background-color:ghostwhite;
  padding:10px;
}
.wide .section div.title{
  padding-bottom:3px;
}
.wide .section div.title h3{
  font-size:18px;
  color:steelblue;
  font-weight:300;
}

.wide .section div.title div.menu{
  border-bottom:1px solid steelblue;
  text-align:right;
  position:relative;
  top:-10px;
}
.wide .section div.title a.tab{
  background-color:steelblue;
  margin:0px;
  font-size:14px;
  padding:3px 3px 0 3px;
  font-weight:100;
  color:white;
}
.wide .section div.title a.focus{
  background-color:white;
  color:steelblue;
}

.wide .section h3.split{
  background-color:steelblue;
  margin:0px;
  font-size:14px;
  padding:3px;
  font-weight:100;
  color:white;
}

.wide .section h3.split span.select{
  color:white;
}

.wide .section div.info-block {
  color:steelblue;
  padding-bottom:5px;
}
.wide .section div.info-block ul li{
  padding:3px 3px 3px 8px;
}
.wide .section div.info-block ul.border-split li{
  font-size:14px;
  border-top:1px solid #8b8b8b;
  color:steelblue;
}
.wide .section div.info-block ul.border-split li#service-name a{
  color: #ff25a5;
}
.wide .section div.info-block ul li:first-child {
  border:none;
}
.wide .section div.info-block ul li.select{
  background-color: #12123c;
}

.wide .section div.info-block ul li.select a {
  color: #ff25a5;
  font-weight: bold;
}

.wide .section div.info-block ul li div.icon{
  width:50px;
  height:50px;
  border:1px solid #cccccc;
  margin:7px 0 7px 0;
  overflow:hidden;
}
.wide .section div.info-block ul li div.icon img{
  width:50px;
  height:50px;
}

.wide .section div.info-block ul li div.info{
float:right;
width:380px;
margin-top:5px;
}

div.tail h3{
  border-right:7px solid steelblue;
  border-bottom:2px solid steelblue;
  border-left:7px solid steelblue;
  background-color:steelblue;
  font-size:12px;
  font-weight:100;
  color:white;
}

div.tail h3 a:hover {
  color:white;
}

.open{
margin-bottom:50px;
}

.open .section div.title{
  padding-bottom:3px;
  border-bottom:1px solid steelblue;
  text-align:left;
  text-transform:uppercase;
  margin-bottom:10px;
}
.open .section div.title h3{
  font-size:24px;
  color:steelblue;
  font-weight:300;
}
.open div.info-block ul li div.gicon{
  cursor:pointer;
  overflow:hidden;
}

.open div.info-block img.whole{
  width:202px;
  margin:auto;
}

.open .section div.info-block {
  color:#939393;
}
.open .section div.info-block ul li{
}


.open .section div.info-block ul.border-split li{
  font-size:14px;
  border-top:1px solid #939393;
  color:#939393;
  cursor:pointer;
}

.open .section div.info-block ul li:first-child {
  border:none;
}

.open .section div.info-block ul li div.icon{
  width:75px;
  height:75px;
  border:1px solid #cccccc;
  margin:7px 0 7px 0;
  overflow:hidden;
}

.open .section div.info-block ul div.icon img{
  width:100%;
  height:100%;
}

.open .section div.info-block ul li div.info{
float:right;
width:110px;
margin-top:5px;
}

.open .tail{
  border-top:1px solid steelblue;
  margin-top:5px;
}

div.img-frame iframe{
  border:none;
  padding:0px;
  margin:auto;
  width:202px;
  height:202px;
  background-color:steelblue;
}
div.img-frame{
border:1px solid steelblue;
padding:3px;
}

.close{
margin-bottom:30px;
}
.close .section{
  border:1px solid steelblue;
  border-top:5px solid steelblue;
  background-color: ghostwhite;
  padding:10px;
}
.close .section div.title{
  padding-bottom:3px;
}
.close .section div.title h3{
  font-size:18px;
  color:steelblue;
  font-weight:300;
}
.close .section div.info-block{
  clear:both;
}
.close .mid-section .section div.info-block ul li{
  padding:3px 3px 3px 8px;
  float:left;
}

.close .left-section .section div.info-block ul li{
  padding:3px 3px 3px 8px;
  float:left;
}

.close .section div.info-block ul.border-split li{
  font-size:14px;
  border-top:1px solid #1b1b1b;
  color:#939393;
}
.close .section div.info-block ul li:first-child {
  border:none;
}

.item ul{
  clear:both;
  border-bottom:1px solid #EAEAEA;
  margin-bottom:10px;
  padding:0px 5px 10px 0px;
}
div.info-block div.description{
  display:block;
  margin:10px;
  padding:0px 0px 10px 0px;
  clear:right;
  float:right;
  width:460px;
}
.item ul li{
  height:24px;
  margin-left:10px;
  float:right;
}

.item ul div.icon{
  float:left;
  height:80px;
  width:80px;
  margin:10px;
  border:1px solid gray;
}

.item ul div.icon img{
  width:100%;
  height:100%;
}

div.extension-photo-player div{
  height:200px;
}

li.hint{
  clear:both;
  color:#8e7067;
  width:580px;
  padding:2px 5px 2px 2px;
}
li.hint a{
  color:#9a3232;
}
